<!DOCTYPE html>
<%@page contentType="text/html;charset=UTF-8"%>
<%@page pageEncoding="UTF-8"%>

<%@ include file="/WEB-INF/include.jsp"%>
<html>
<head>
<META http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title><spring:message code="title" /></title>
<link rel="stylesheet" href="../css/config.css" type="text/css"></link>

<script type="text/javascript" src="../js/jquery.js"></script>

<script type="text/javascript"
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js">
</script>

<script type="text/javascript">
	$(document).ready(
			function() {
				$("img").mousemove(
						function(e) {
							$('#position').html(
									"(INFO)  X:"
											+ (e.pageX - Math.floor($("img")
													.offset().left))
											+ " - Y:"
											+ (e.pageY - Math.floor($("img")
													.offset().top)));
							$("img").hover(function() {
								$("#position").show();
							}, function() {
								$("#position").hide();
							});
						});
			});
</script>
</head>
<body>
	<jsp:include page="/WEB-INF/views/menu.jsp" />
	<br>
	<br>
	<%
		if (session.getAttribute("uploadFile") != null
				&& !(session.getAttribute("uploadFile")).equals("")) {
	%>
	<br>  
	<br>
	<div style="height: 800px; width: 800px; overflow: scroll;">
		<img src="<%=session.getAttribute("uploadFile")%>"
			alt="Imagen a clasificar <%=session.getAttribute("uploadFile")%> " />
	</div>

	<%
		}
	%>
	<br>  
	<br>
	<div id="position"></div>

</body>
</html>